﻿@model List<MeresModeling.Person>
@{
    var avatar = "/Modules/Meres/Styles/no_avatar.png";
}
<div class="personCardView" style="height: 100%; width: 100%; overflow:auto" >
<ul class="cardView">
    @{
        foreach (var item in Model)
        {
            <li data-personId="@item.Id">
                <div>
                    <img src="@avatar" alt="" style="width: 120px; border: 1px solid #DEDEDE; background-color: white" />           
                    <h6 style="font-family: SegoeUiB" class="jqGridSelCol">
                        @item.Name
                    </h6>
                    <h6>
                        @item.PersonCategories.Name
                    </h6>
                </div>
            </li>
        }
    }
</ul>
</div>